<div class="title">Digital Printing</div>

<div class="box-crte">
    <div class="div-cate left">
        <h3>Add Advertising</h3>
        Post free classifieds ads<br /><br />

        <a class="btn btn-large btn-primary " href="#myModal" role="button" data-toggle="modal">Post Ads</a>
    </div>
    <div class="div-cate right">
        <h3>Search</h3>
        <input type="text" class="pull-right input-xlarge" style="height:34px;" placeholder="Categories Or Adress" />
        <a href="#" class="btn-large btn">Search</a>
    </div>
</div>

<form action="<?php echo url('/advertising/create') ?>">
    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
            <h3 id="myModalLabel">Post Type</h3>
        </div>
        <div class="modal-body">
            <div class="btn-group" data-toggle="buttons-radio">
                <button type="button" class="btn btn-primary"><input type="radio" /><br />Advertise</button>
                <button type="button" class="btn btn-primary"><input type="radio" /><br />Equipment</button>
                <button type="button" class="btn btn-primary"><input type="radio" /><br />Supplies</button>
                <button type="button" class="btn btn-primary"><input type="radio" /><br />Jobs</button>
                <button type="button" class="btn btn-primary"><input type="radio" /><br />Resume</button>
                <button type="button" class="btn btn-primary"><input type="radio" /><br />Services</button>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
            <button class="btn btn-primary">Post Ads</button>
        </div>
    </div><!--pop-up-->
</form>
<div class="banner">
    <div class="title">Feature advertisers</div>

    <ul id="mycarousel" class="jcarousel-skin-tango fea-ads">
        <li><a href="#"><img src="images/ad.jpg"/></a>
            <span  class="title-slimain">
                Halloween costume <strong>â‚¬60</strong>
            </span>
        </li>
        <li><a href="#"><img src="images/ad1.jpg"/></a>
            <span  class="title-slimain">
                Halloween costume <strong>â‚¬60</strong>
            </span>
        </li>
        <li><a href="#"><img src="images/ad2.jpg"/></a>
            <span  class="title-slimain">
                Halloween costume <strong>â‚¬60</strong>
            </span>
        </li>
        <li><a href="#"><img src="images/ad1.jpg"/></a>
            <span  class="title-slimain">
                Halloween costume <strong>â‚¬60</strong>
            </span>
        </li>
        <li><a href="#"><img src="images/ad2.jpg"/></a>
            <span  class="title-slimain">
                Halloween costume <strong>â‚¬60</strong>
            </span>
        </li>
    </ul>
</div><!--banner-->

<div class="list-pro">
    <?php if (!empty($models)) : ?>
        <ul>
            <?php foreach ($models as $model) : ?>
                <li>
                    <div class="pro-left">
                        <img src="<?php echo $model->getImageUrl() ?>">
                        <h3><?php echo h($model->title) ?> (<?php echo date('d M Y', $model->updated) ?>)</h3>
                        <p>
                            <?php echo h($model->description, 220) ?>
                            <br />Categories: <a href="<?php echo $model->category->getUrl() ?>"><?php echo h($model->category->name) ?></a>
                        </p>
                    </div>
                    <div class="pro-right">
                        <p>Manila</p>
                        <a class="btn" href="<?php echo $model->getUrl() ?>">View Ads</a>
                    </div>
                </li>
            <?php endforeach; ?>
        </ul>
    <?php else : ?>
        <div class="alert alert-info">No result found</div>
    <?php endif; ?>
</div><!--list-pro-->